<script setup>
	import {
		ref,
		reactive
	} from "vue"

	import yqLeftTab from "@/components/yq-left-tab.vue"

	let tabVal = ref(1)
	const tabList = reactive([{
		label: '常识记忆',
		value: 1
	}, {
		label: '语言理解',
		value: 2
	}, {
		label: '数量关系',
		value: 3
	}, {
		label: '判断推理',
		value: 4
	}, {
		label: '资料分析',
		value: 5
	}])
	const changeValue = (e) => {
		tabVal.value = e
	}
</script>

<template>
	<view class="u-flex container">
		<yqLeftTab :list="tabList" :value="tabVal" @on-change="changeValue"></yqLeftTab>

		<view class="u-p-l-20 u-p-r-20" style="flex: 1;">
			<up-cell-group :border="false">
				<up-cell title="1.常识记忆精华" isLink></up-cell>
				<up-cell title="2.常识记忆精华" isLink></up-cell>
				<up-cell title="3.常识记忆精华" isLink></up-cell>
				<up-cell title="4.常识记忆精华" isLink></up-cell>
				<up-cell title="5.常识记忆精华" isLink :border="false"></up-cell>
			</up-cell-group>

			<template v-if="false">
				<up-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" width="260" height="260">
				</up-empty>
			</template>
		</view>
	</view>
</template>

<style lang="scss" scoped>

</style>